// 
//   Magic-Stylez - Fonts
// 
// 
//   webfonts
// 
// goolge
// $magicSans: "Open Sans", $sansFontFamily;
// $magicCondensedSans: "Open Sans Condensed", $sansFontFamily;
// $magicHandwritten: 'Satisfy', cursive;
// 
// typekit (Adobe)
// $magicSans: "Montserrat", $sansFontFamily;
// $magicCondensedSans: "Lato", $sansFontFamily;
// $magicHandwritten: "ff-market-web", cursive;

// 
//   F O N T S
// 
$sansFontFamily:            "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$serifFontFamily:           Georgia, "Times New Roman", Times, serif !default;
$monoFontFamily:            Monaco, Menlo, Consolas, "Courier New", monospace !default;

$magicSans:                 $sansFontFamily !default;
$magicCondensedSans:        $sansFontFamily !default;
$magicHandwritten:          'Gloria Hallelujah', cursive !default;

// variable
$smallReadFont:             $magicCondensedSans     !default;
$readFont:                  $magicSans              !default;
$bigFont:                   $magicSans              !default;
$alternateBigFont:          $magicSans              !default;
$dekoFont:                  $magicHandwritten       !default;


$font-family-sans-serif:    $readFont               !default;
$font-family-serif:         $serifFontFamily        !default;
$font-family-base:          $smallReadFont          !default;
$font-family-monospace:     $monoFontFamily         !default;
$font-family-handwriten:    $magicHandwritten       !default;


// Short-Forms
$font-family-sans:          $font-family-sans-serif !default;
$font-family-mono:          $font-family-monospace !default;
$font-family-hand:          $font-family-handwriten !default;
$font-family-sm:            $smallReadFont !default;
$font-family-lg:            $bigFont !default;

// $headings-font-family:    inherit !default;
$headings-font-family:      $bigFont !default;


// 
//   F O N T - S I Z E S
// 
$font-size-base:            15px !default;
$font-size-large:           ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small:           ceil(($font-size-base * 0.85)) !default; // ~12px

$font-size-h1:              floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2:              floor(($font-size-base * 2.15)) !default; // ~30px
$font-size-h3:              ceil(($font-size-base * 1.7)) !default; // ~24px
$font-size-h4:              ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-h5:              $font-size-base !default;
$font-size-h6:              ceil(($font-size-base * 0.85)) !default; // ~12px

$magicDefaultFontSize:      13px !default;
$magicDefaultLineHight:     18px !default;

$loud-factor:               1.25 !default;
$louder-factor:             1.75 !default;



// 
//   L I N E - H E I G H T S
// 
//** Unit-less `line-height` for use in components like buttons.
$line-height-base:          1.428571429 !default; // 20/14
$line-height-large:         1.33 !default;
$line-height-small:         1.5 !default;

//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
$line-height-computed:      floor(($font-size-base * $line-height-base)) !default;   // ~20px
$line-height-computed-lg:   floor(($font-size-large * $line-height-large)) !default; // ~20px
$line-height-computed-sm:   floor(($font-size-small * $line-height-small)) !default; // ~20px
$line-height-computed-xs:   floor(($font-size-small * $line-height-small)) !default; // ~20px
//== Headings
$headings-line-height:      1.1 !default;



// 
//   F O N T - W E I G H T S
// 
$font-weight-bold:                          600 !default;
$font-weight-thin:                          200 !default;
//== Headings
$headings-font-weight:                      500 !default;
//== Buttons
$btn-font-weight:                           normal !default;

$magicSans-font-weight-thin:                300 !default;
$magicSans-font-weight-regular:             400 !default;
$magicSans-font-weight-semi:                600 !default;
$magicSans-font-weight-bold:                700 !default;
$magicSans-font-weight-extra:               800 !default;

$magicCondensedSans-font-weight-thin:       300 !default;
$magicCondensedSans-font-weight-regular:    400 !default;
$magicCondensedSans-font-weight-bold:       700 !default;

$magicHandwritten-font-weight:              400 !default;









// # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
// magic_styles v-0.0.0.87 additional variables (2015-10-19 09:27)
// # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
// line  |   style
/*   58 */   $font-size-xl:              ceil(($font-size-base * 1.5)) !default; // ~22px
/*   61 */   $font-size-xs:              ceil(($font-size-base * 0.75)) !default; // ~10px
/*   80 */   $line-height-xl:            1.2 !default;
/*   83 */   $line-height-xs:            1.5 !default;
/*   87 */   $line-height-computed-xl:   floor(($font-size-xl * $line-height-xl)) !default; // ~20px
// # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 


